* {
    margin: 0;
    padding: 0;
}

html,
body,
#app,
.wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

body {
    font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
}

a {
    text-decoration: none
}

.content-box {
    position: absolute;
    left: 240px;
    right: 0;
    top: 70px;
    bottom: 0;
    overflow-y: scroll;
    -webkit-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out;
    background: #f0f0f0;
}

.content {
    width: auto;
    padding: 19px 25px 0 40px;
}

.content-collapse {
    left: 65px;
}

.pagination {
    margin: 20px 0;
    text-align: right;
}

.plugins-tips {
    padding: 20px 10px;
    margin-bottom: 20px;
}

.el-button + .el-tooltip {
    margin-left: 10px;
}

.el-table tr:hover {
    background: #f6faff;
}

.mgb20 {
    margin-bottom: 20px;
}

.move-enter-active,
.move-leave-active {
    transition: opacity .5s;
}

.move-enter,
.move-leave {
    opacity: 0;
}

/*BaseForm*/

/*.form-box {*/
    /*width: 600px;*/
/*}*/

/*.form-box .line {*/
    /*text-align: center;*/
/*}*/

/*.el-time-panel__content::after,*/
/*.el-time-panel__content::before {*/
    /*margin-top: -7px;*/
/*}*/

/*.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {*/
    /*padding-bottom: 0;*/
/*}*/

/*Upload*/

/*.pure-button {*/
    /*width: 150px;*/
    /*height: 40px;*/
    /*line-height: 40px;*/
    /*text-align: center;*/
    /*color: #fff;*/
    /*border-radius: 3px;*/
/*}*/

/*.g-core-image-corp-container .info-aside {*/
    /*height: 45px;*/
/*}*/

/*.el-upload--text {*/
    /*background-color: #fff;*/
    /*border: 1px dashed #d9d9d9;*/
    /*border-radius: 6px;*/
    /*box-sizing: border-box;*/
    /*width: 360px;*/
    /*height: 180px;*/
    /*text-align: center;*/
    /*cursor: pointer;*/
    /*position: relative;*/
    /*overflow: hidden;*/
/*}*/

/*.el-upload--text .el-icon-upload {*/
    /*font-size: 67px;*/
    /*color: #97a8be;*/
    /*margin: 40px 0 16px;*/
    /*line-height: 50px;*/
/*}*/

/*.el-upload--text {*/
    /*color: #97a8be;*/
    /*font-size: 14px;*/
    /*text-align: center;*/
/*}*/

/*.el-upload--text em {*/
    /*font-style: normal;*/
/*}*/

/*VueEditor*/

/*.ql-container {*/
    /*min-height: 400px;*/
/*}*/

/*.ql-snow .ql-tooltip {*/
    /*transform: translateX(117.5px) translateY(10px) !important;*/
/*}*/

/*.editor-btn {*/
    /*margin-top: 20px;*/
/*}*/

/*markdown*/

/*.v-note-wrapper .v-note-panel {*/
    /*min-height: 500px;*/
/*}*/

/* icon*/
.xy-btn-icon {
    margin-right: 5px;
}

.xy-nav-icon {
    margin-right: 5px;
    width: 24px;
    vertical-align: middle;
    text-align: center;
}

.xy-nav-icon-40{
    font-size: 40px;
}
.xy-nav-icon-30{
    font-size: 30px;
}

.xy-nav-icon-max{
    font-size: 25px;
}

.xy-nav-icon-gl {
    font-size: 20px;
}

.xy-nav-icon-sm {
    font-size: 16px;
}

.xy-nav-icon-md {
    font-size: 18px;
}

/*search-bar*/
.xy-collapse-search-bar .el-collapse-item__header {
    height: 30px;
    line-height: 30px;
}

.xy-collapse-search-bar .el-collapse-item__arrow {
    line-height: 30px;
}

.xy-collapse-search-bar .el-collapse-item__content {
    padding-bottom: 7px;
}

/*滚动条*/
.custom-scrollbar{
    height: 100%;
}
.custom-scrollbar .el-scrollbar__wrap {
    overflow-x: hidden;
}

/*flex样式*/
.flex{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.flex-column{
    display: flex;
    flex-direction: column;
}
.flex-between{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.flex-start{
    display: flex;
    flex-direction: row;
    justify-content:flex-start;
}
.flex-end{
    display: flex;
    flex-direction: row;
    justify-content:flex-end;
}
.flex1{
    flex:1;
}
.flex33{
    width: 33%;
}
.flex20{
    width: 20%;
}
.flex10{
    width: 10%;
}

/*element-ui的样式*/
.el-main{
    padding: 20px 0 20px 0;
    margin-left: -20px;
}
